<template>
  <div class="hello">
     <header>aaaa</header>
    <div v-for="item in items">{{item.name}}</div >

  </div>
</template>

<script>
import axios from "axios"
export default {
  name: 'hello',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      items:[]
    }
  },
  mounted () {
      axios.get ('../../static/json/toubu.json').then(response=>{
        this.items=response.data
        console.log(this.items)
      })
      
    }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">

    header{
      font-size: 50px;
    }
</style>
